.aily-button-viewer {
  .button-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;

    .aily-button {
      min-width: 80px;
      height: 32px;
      border-radius: 6px;
      font-size: 14px;
      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);

      .button-icon {
        margin-right: 6px;
      }

      &:hover {
        transform: translateY(-1px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      }

      &:active {
        transform: translateY(0);
      }

      &[disabled] {
        cursor: not-allowed;
        opacity: 0.6;

        &:hover {
          transform: none;
          box-shadow: none;
        }
      }
    }
  }

  // 响应式设计
  @media (max-width: 576px) {
    .button-container {
      flex-direction: column;
      
      .aily-button {
        width: 100%;
      }
    }
  }
}
